{% extends 'base.html' %}
{% block title %} 我的评论 {% endblock %}
{% block mycss %}
    <style>
        .box {
            width: 100%;
            border-bottom: dashed 1px lightblue;
            margin-bottom: 10px;
            padding: 8px 20px;
        }
    </style>
{% endblock %}
{% block bodycontent %}
    <div class="container">
        {% if mycomments %}
            {% for comment in mycomments %}
                <div class="box">
                    {#get请求的方式获取文章的id号#}
                    {#  ?变量名 = 文章id号 使用超链接获取文章的id号 (get请求路径传参方式)#}
                    <h3>评论的文章：<a href="{{ url_for('blog.detail') }}?articleid={{ comment.article.aid }}" style="color: deepskyblue">{{ comment.article.title }}</a></h3>
                    <p>{{ comment.article.content }}</p>
                    <div>
                        {#user就是设置的反向联系#}

                        <span>评论的时间：{{ comment.comdata }}</span>
                        &nbsp;&nbsp;&nbsp;

                       {#  该处有循环，所以比较麻烦#}
                        <a href="#" class="like" aid="{{ comment.cid }}">
                        {#  点赞量#}
                            {# 赞 的手势字体图标#}
                            <span class="glyphicon glyphicon-thumbs-up"></span>
                            <span class="likes{{ comment.cid }}">{{ comment.likenum }}</span>
                        </a>
                        &nbsp;&nbsp;&nbsp;
                        <a class="delete" href="{{ url_for('user.delcomment') }}?cid={{ comment.cid }}" style="color: red">删除</a>
                    </div>
                </div>
            {% endfor %}
        {% else %}
            <h2 style="color: red">还没有评论过任何文章，快去评论吧！</h2>
        {% endif %}
    </div>
    {% block myjs %}
        <script>
            $(function () {
                $('.delete').click(function (){
                    var res = confirm('是否要删除该条评论？')
                    {#弹出提示框，点击确定，返回True，执行下面的操作。 点击取消，返回False，阻止下面的操作#}
                    return res
                })
            })
        </script>
    {% endblock %}
{% endblock %}